<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/notice.css">
    <title>预约通知</title>
    <style>
        body>a {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: inline-block;
            background-color: #2a2a2a;
        }

        body>a img {
            display: inline-block;
            width: 100%;
            height: 100%;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }
    </style>
</head>

<body>
    <div class="invitation">
        <div class="iname">__________:</div>
        <div class="wel">
            <p>
                欢迎您在<span class="date"></span>，
                <span class="time"></span>参观2019广州国际花卉艺术展暨中国插花花艺展。
            </p>
        </div>
        <div class="code">
            <img src="" alt="" id="code_img">
        </div>

        <button class="save">保存图片</button>

        <div class="cbox">
            <button class="choosebtn" id="back">返回首页</button>
            <button class="choosebtn" id="continue">继续预约</button>
            <button class="choosebtn" id="apc">预约记录</button>
            <div class="tip">
                <p>
                    请保存此页面，进入参观区域前向工作人员 出示，谢谢！
                </p>
            </div>
        </div>

    </div>
    <script src="./js/notice.js" type="module"></script>
</body>

</html>